Page({
  data: {
    // scrollLeft: 0
    navList: [
      { text: 'A' },
      { text: 'B' },
      { text: 'C' },
      { text: 'D' },
      { text: 'E' },
      { text: 'F' },
      { text: 'G' },
      { text: 'H' },
      { text: 'I' },
      { text: 'J' },
      { text: 'K' },
      { text: 'L' },
      { text: 'M' },
      { text: 'N' },
      { text: 'O' }
    ]
  },

  // onLoad(){
  //   let _this = this;
  //   wx.getSystemInfo({
  //     success(res){
  //       _this.basePxNum = res.screenWidth/ 750;
  //     }
  //   });

  //   wx.createSelectorQuery().selectAll('.nav-item').boundingClientRect((rect) => {
  //     console.log(rect);
  //   }).exec();
  // },

  // getNavItem(e){
  //  let ed = e.currentTarget.dataset;
  //  let index = ed.index;
  //  let base_px_num = this.basePxNum;

  //  this.setData({
  //    scrollLeft: (index - 2) * (150 * base_px_num)
  //  });

  //   console.log(base_px_num*150);
  // }
  

  // onLoad() {
  //   let _this = this;

  //   wx.createSelectorQuery().selectAll('.nav-item').boundingClientRect((rect) => {
  //     console.log(rect);
  //     _this.baseElWidth = rect[0].width;
  //   }).exec();
  // },

  // getNavItem(e) {
  //   let ed = e.currentTarget.dataset;
  //   let index = ed.index;
  //   let base_el_width = this.baseElWidth;

  //   this.setData({
  //     scrollLeft: (index - 2) * base_el_width
  //   });
  // }

  getNav(e){
    let ed = e.detail;
    this.setData({
      swiperCurrent: ed.index
    });
  },

  swiperChange(e){
    let ed = e.detail;
    this.setData({
      swiperCurrent: ed.current
    });
  }
});